<template>
	<view>
		<!-- 顶部 S -->
		<!-- 顶部 S -->
		<view class="tp-h88 level_align nanbar-box" :style="{top: statusBarHeight}">
			<view class="center_combo tp-h100" style="width: 60rpx;" v-if="isRoutes" @click="pageBack">
				<uni-icons class="" type="arrowleft" size="24" color="#fff"></uni-icons>
			</view>
			<view class="center_combo tp-h100 tp-ml20" style="width: 60rpx;" v-else>
				<uni-icons class="" type="home" size="24" color="#fff" @click="pageJumps('/pages/tabbar/home', true)"></uni-icons>
			</view>
			<view class="tp-fz36 tp-fcF ellispsis1">
				<text>{{scenicDetail.jqName}}</text>
			</view>
		</view>
		<!-- 顶部 E -->
		<!-- 收藏分享 S -->
		<!-- #ifdef MP-WEIXIN -->
		<view class="share-box level_align" style="margin-top: 188rpx;">
			<!-- #endif -->
			<!-- #ifdef H5 -->
			<view class="share-box level_align" style="margin-top: 158rpx;">
				<!-- #endif -->
				<view class=" tp-mr20" @click="collect">
					<image class="tp-img64" v-if="scenicDetail.isCollect == 1" src="../static/icon/shou0.png" mode=""></image>
					<image class="tp-img64" v-else src="../static/icon/shou1.png" mode=""></image>
				</view>
				<!-- #ifdef MP-WEIXIN -->
				<view class="">
					<button class="sharebutton" type="default" open-type="share">
						<image class="tp-img64" src="../static/icon/fenxiang1.png" mode=""></image>
					</button>
				</view>
			</view>
			<!-- #endif -->
			<!-- #ifdef H5 -->
		</view>
		<!-- #endif -->
		<!-- 收藏分享 E -->
		<!-- 图片轮播 S -->
		<view class="img_swiper_box">
			<swiper @change="change" class="swiper" circular autoplay="true" interval="2000" duration="500">
				<swiper-item class="tp-w100 tp-h100" v-for="(item,index) in swpList" :key="index" @click="previewImg(item,swpList)">
					<view class="swiper-item">
						<image :src="item" mode="aspectFill"></image>
					</view>
				</swiper-item>
			</swiper>
			<swiper-dot style="margin-bottom: 30rpx;" class="dot" :current="current" :list="swpList"></swiper-dot>
		</view>
		<!-- 图片轮播 E -->
		<!-- 顶部 E -->



		<!-- 景区介绍 S -->
		<!-- 基础信息介绍 S -->
		<view class="message">
			<view class="thismessage">
				<view class="jichutop column_align">
					<text class="jichuname">{{scenicDetail.jqName || '--'}}</text>
				</view>
				<view class="jichubiaoqian">
					<view class="xbiaoqian">
						<view class="biaoqianlist" v-for="(item,index) in scenicDetail.jqLabels" :key="index">
							<text class="biaoqian">{{item}}</text>
						</view>
					</view>
					<text class="pingjia">{{scenicDetail.jqScore || '--'}}分</text>
				</view>
				<view class="address" @click="goToMap">
					<image class="dingwei" src="../static/icon/position1.png" mode=""></image>
					<text class="text">{{scenicDetail.jqAddr || '--'}}</text>
				</view>
				<view class="jcbottom">
					<text class="neirong">
						{{scenicDetail.jqIntro || '--'}}
					</text>
				</view>
				<view class="jcbottomprice flex flex_between">
					<view class="flex align_baseline">
						<view class="tp-fz24 flex align_baseline tp-red tp-mr20">
							¥
							<text class="tp-fz36">
								{{scenicDetail.currentPrice || '--'}}
							</text>起
						</view>
						<view class="oldprice">
							<text class="scoldprice">
								¥{{ scenicDetail.originalPrice  || '--'}}起
							</text>
						</view>
					</view>
					<view class="level_align">
						<view class="youhui" @click="goyouhui">
							<image class="youhuiimg" src="../static/scenic/youhui.png" mode=""></image>
						</view>
						<!-- <view class="dinggou" v-if="scenicmp.length">
							<text class="yuding" id="arc-content" @click="togglePosition"> 在线预订</text>
						</view> -->
					</view>

				</view>
			</view>

		</view>
		<!-- 景区介绍 E -->
		<!-- 基础信息介绍 E -->

		<!-- 门票信息 S -->
		<view class="message" id="comment-content">
			<view class="messagetop">
				<view class="common_tit-wrap tp-w690">
					<view class="l-wrap">门票信息</view>
				</view>
			</view>
			<view class="menpiao">
				<view class="menpiao-bdbm" v-for="item in scenicmp" :key="item.id">
					<view class="piaoname">
						<text class="mpleft">{{item.ticketsName}}</text>
						<text class="mpright"><text class="mprightzf">¥</text>{{item.ticketsPrice}}</text>
					</view>
					<view class="mpym">
						<view class="ymleft">
							<text class="ymleftnum tp-mr10">{{item.sales}}人已买 </text>
							<text class="tp-mr10">|</text>
							<text class="ymlefttit" @click="pageJumps('./scenicTxt?name=购买须知&content=' + encodeURIComponent(JSON.stringify(scenicDetail.fwb)))">购买须知></text>
						</view>
						<view class="ymright" @click="goorder(item)">
							<text class="ymrighttit">立即预定</text>
						</view>
					</view>
					<view class="mptit">
						<text>{{item.ticketsDescription}}</text>
					</view>
				</view>
			</view>
			<view style="height:20rpx"></view>
		</view>
		<!-- 门票信息 E -->

		<view class="tp-bgf">
			<view class="messagetop tp-bgf">
				<view class="common_tit-wrap tp-w690">
					<view class="l-wrap">景区介绍</view>
					<!-- <view class="r-wrap" @click="pageJumps('./scenicTxt?content=' + scenicDetail.jqDescription)">
					<text>查看更多</text>
					<uni-icons type="arrowright" size="18" color="#999"></uni-icons>
				</view> -->
				</view>
			</view>
			<view class="title tp-pb20 tp-bgf">
				<jyf-parser :html="scenicDetail.jqDescription" ref="article"></jyf-parser>
			</view>
		</view>



		<!-- 游玩 S -->
		<view class="message" v-if="gldetail != ''">
			<view class="messagetop">
				<view class="common_tit-wrap tp-w690">
					<view class="l-wrap">游玩攻略</view>
					<view class="r-wrap" @click="goToRaiders">
						<text>查看更多</text>
						<image class="icon" src="../../static/imgs/icons/more-icon.png" mode="aspectFill"></image>
					</view>
				</view>
			</view>
			<view class="yw" @click="pageJumps('/pagesSecond/strategy/strategyMessage?id=' + gldetail.id)">
				<view class="ywleft">
					<image class="ywimg" style="border-radius: 12rpx;"  :src="wwwImgUrl + gldetail.cover" mode=""></image>
				</view>
				<view class="ywright">
					<view class="ywtx">
						<image class="ywperson" style="border-radius: 50%;" :src="gldetail.customerAvater" mode="aspectFill"></image>
						<view class="ywname">
							<text>{{gldetail.customerName}}</text>
						</view>
						<view class="ywtittime">
							<text>{{gldetail.createTime}}</text>
						</view>
					</view>
					<view class="ywtit ">
						<text class="ellispsis1 ywtitneirong">{{gldetail.articleName}}</text>
					</view>
					<view class="ywbiaoqian flex flex_between">
						<view class="biaoqiantit ellispsis1">
							<text  v-for="(item,index) in gldetail.label" :key='index'>#{{item}}</text>
						</view>
						<view class="ywsee">
							<image class="ywseeimg" src="../static/icon/see.png" mode=""></image>
							<text class="ywseenum">{{gldetail.readNum}}</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 游玩 E -->
		<!-- 评价 S -->
		<view class="evaluate-box tp-bgf tp-mt20" v-if="scenicpjlist.length">
			<!-- 标题块 S -->
			<view class="tp-bgf level_align flex_between tp-pr tp-ptb0lr30 tp-h88" @click="pageJumps('/pagesSecond/hotel/evaluateMore?pageName=scenic&id='+ id)">
				<view class="level_align tp-fc333 tp-fz32 tp-fw600">
					<view class="tp-mr20 lan-line"></view>
					<text>用户评价</text>
				</view>
				<view class="flex-1 level_align flex_end tp-fz24 tp-fc999">
					<view class="flex-1 tp-tr tp-mr15">
						<input type="text" disabled placeholder="查看更多" />
					</view>
					<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
				</view>
			</view>
			<!-- 标题块 E -->
			<view class="level_align flex_wrap tp-ptb0lr30 tp-mb20">
				<view class="label-tag tp-dib tp-wsn tp-ptb0lr20 tp-br40 tp-lh54 tp-mt20 tp-mr20 tp-fc666 tp-bcF5  tp-fz26" style="background: #FEEDEC;"
				 v-for="(item,index) in evaluateLabelList" :key="index">
					{{item.label}}({{item.value}})
				</view>
			</view>

			<view class="tp-ptb0lr30  tp-pb20 tp-bgf" v-for="(item,index) in scenicpjlist" :key="index">
				<!-- 头部信息栏 -->
				<view class="level_align flex_between">
					<view class="level_align">
						<image class="tp-img64 tp-mr20 tp-br40" :src="item.customerAvatar" mode=""></image>
						<view class="flex flex_column flex_between">
							<view class="tp-lh44 tp-fc333 tp-fz26">
								{{item.customerName}}
							</view>
							<view class="tp-lh40 tp-fc666">
								{{item.createTime}}
							</view>
						</view>
					</view>
					<view class="tp-yellow tp-fz30 tp-fw600">
						{{item.score}}分
					</view>
				</view>
				<!-- 内容 -->
				<view class="tp-mt20 tp-mt10">
					<view class="tp-fz26 tp-fc333 tp-lh44">
						{{item.content}}
					</view>
					<view class="level_align tp-mt20 flex_wrap">
						<view class="tp-mb20" v-for="(urlItm, ind) in item.imgsList" :index="ind" :key="ind" @click="previewImg(urlItm,item.imgsList)"
						 :style="{marginRight:(ind+1)%4 == 0 ?'0':'35.3rpx'}">
							<image class="imgs tp-br8" :src="urlItm" mode="aspectFill"></image>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 评价 E -->
	</view>
</template>

<script>
	var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
	import jyfParser from "@/components/jyf-parser/jyf-parser.vue";
	import swiperDot from '@/components/swiperDot/swiperDot.vue';
	export default {
		components: {
			swiperDot,
			jyfParser
		},
		data() {
			return {
				statusBarHeight: statusBarHeight, // 刘海的高度
				evaluateLabelList: ['风景美', '环境好', '性价比好', '很好', '环境好', '环境好', '环境好', '环境好', ],
				current: 0, // swiper
				id: '', //接收页面传值id
				swpList: [], //轮播图
				scenicDetail: {}, //整体数据
				scenicmp: [], //门票列表
				scenicpjlist: [], //评价列表
				gldetail:'',//攻略详情
				isRoutes: true, //  有上页 ，不是直接进的详情页
			};
		},
		onLoad(opt) {
			this.id = opt.id
			this.getpjlist()
			this.getpjbqlist()
			this.getjqdetail()
			
			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
			if (routes.length == 1) {
				this.isRoutes = false
			} else {
				this.isRoutes = true
			}
		},
		onShow() {
			this.getDetail()
		},
		// 下拉刷新
		onPullDownRefresh() {
			this.getDetail()
			this.getpjlist()
		},
		// 分享
		onShareAppMessage(res) {
			return {
				title: this.scenicDetail.jqName,
				path: '/pagesSecond/scenic/scenicDetail?id=' + this.id,
				imageUrl: this.$imgUrl + this.scenicDetail.jqCover
			}
		},
		methods: {
			//景区的最新攻略
			getjqdetail(){
				this.$http.get(this.$api.glFirstByJqId + '?jqId=' + this.id).then(res => {
					if(res.code == 200){
						if (!res.data.customerAvater.startsWith('http')) {
							res.data.customerAvater = this.$imgUrl + res.data.customerAvater
						}
						this.gldetail = res.data
					}
				})
			},
			//去攻略详情
			
			//评价标签列表
			getpjbqlist() {
				this.$http.get(this.$api.scenicDetailpjbqlist + '?jqId=' + this.id).then(res => {
					if (res.code == 200) {
						this.evaluateLabelList = res.data
					}
				})
			},
			//评价列表
			getpjlist() {
				this.$http.get(this.$api.scenicDetailpjlist + '?jqId=' + this.id + '&labelValue=-1&pageNum=1&pageSize=6').then(res => {
					if (res.code == 200) {
						res.data.result.map(item => {
							item.imgsList = []
							let arr = item.evaluationImg.split(',')
							arr.map(it => {
								let src = this.$imgUrl + it
								item.imgsList.push(src)
							})
						})
						this.scenicpjlist = res.data.result
					}
				})
			},
			// 收藏
			collect() {
				this.$http.get(this.$api.sceniccollect + '?jqId=' + this.id).then(res => {
					if (res.code === 200) {
						this.getDetail();
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			//详情信息
			getDetail() {
				this.$http.get(this.$api.scenicDetail + '?jqId=' + this.id).then(res => {
					uni.stopPullDownRefresh();
					if (res.code == 200) {
						this.scenicDetail = res.data
						this.swpList = []
						res.data.jqBanners.map(item => {
							this.swpList.push(this.$imgUrl + item)
						})
						this.scenicmp = res.data.ticketIntroList
					}
				})
			},
			/*去提交订单页面*/
			goorder(item) {
				let scenicInfo = {
					jqId: this.id,
					jqName: this.scenicDetail.jqName,
					jqImg: /^[http | https]/.test(this.scenicDetail.jqCover) ? this.scenicDetail.jqCover : (this.$imgUrl + this.scenicDetail.jqCover),
					jqAddr: this.scenicDetail.jqAddr,
					currentPrice: this.scenicDetail.currentPrice,
					ticketIntroList: item,
					maxJifen: this.scenicDetail.maxJifen,
				}
				uni.navigateTo({
					url: '/pagesSecond/scenic/scenicOrder?Message=' + JSON.stringify(scenicInfo)
				})
			},
			//去优惠劵界面
			goyouhui() {
				uni.navigateTo({
					url: '/pagesSecond/scenic/scenicPreferential?pageName=scenic&id=' + this.id
				})
			},
			// 去攻略列表
			goToRaiders(){
				uni.setStorageSync('jqId', this.scenicDetail.jqId)
				uni.switchTab({
					url: '/pages/tabbar/raiders'
				})
			},
			/* swiper 切换 */
			change(e) {
				this.current = e.detail.current;
			},
			//锚点
			togglePosition() {
				uni.createSelectorQuery().select('.comment-content').boundingClientRect(data => { //目标位置的节点：类或者id
					uni.createSelectorQuery().select(".arc-content").boundingClientRect(res => { //最外层盒子的节点：类或者id
						uni.pageScrollTo({
							duration: 500, //过渡时间
							scrollTop: 500, //到达距离顶部的top值
						})
					}).exec()
				}).exec();
			},
			// 去地图
			goToMap() {
				const longitude = Number(this.scenicDetail.jqLongitude)
				const latitude = Number(this.scenicDetail.jqLatitude)
				uni.openLocation({
					longitude: longitude,
					latitude: latitude,
					name: this.scenicDetail.jqName,
					success: function() {
						console.log('success');
					}
				});
			},
			// 预览图片
			previewImg(url, arrlist) {
				console.log(url);
				/* let arr = []
				this.list.forEach(item => {
					arr.push(item.url)
				}) */
				uni.previewImage({
					current: url,
					urls: arrlist,
					success: function() {
						console.log('预览')
					},
					longPressActions: {
						itemList: ['发送给朋友', '保存图片', '收藏'],
						success: function(data) {
							console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
						},
						fail: function(err) {
							console.log(err.errMsg);
						}
					}
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	/* 顶部css S-- */
	.nanbar-box {
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10;
	}

	/* 顶部css E-- */
	/* 收藏S */
	.share-box {
		position: absolute;
		right: 40rpx;
		z-index: 10; 

		.sharebutton {
			background: transparent;
			padding: 0;
			line-height: 40rpx;

			&::after {
				border: 0;
			}
		}
	}

	/* 收藏E */
	/* 基础信息css S-- */
	.thismessage {
		position: relative;
		top: -50rpx;
		width: 690rpx;
		margin: 0 auto;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(152, 152, 152, 0.2);
		border-radius: 20rpx;
		padding-bottom: 20rpx;

	}

	.jichutop {
		width: 100%;
		padding: 20rpx 20rpx 20rpx 20rpx;
	}

	.jichuname {
		width: 100%;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 48rpx;
	}

	.jichubiaoqian {
		width: 100%;

		.pingjia {
			width: 73rpx;
			height: 29rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #FFAF3C;
			line-height: 42rpx;
		}
	}

	.xbiaoqian {
		float: left;
		margin-right: 40rpx;
		height: 42rpx;
		max-width: 500rpx;
		overflow: hidden; //超出的文本隐藏
		white-space: nowrap; //溢出不换行

	}

	.biaoqianlist {
		width: 64rpx;
		height: 36rpx;
		float: left;
		margin: 2rpx 0 0 20rpx;
		border: 1rpx solid #00B4FF;
		border-radius: 8rpx;
		text-align: center;
	}

	.biaoqian {
		width: 42rpx;
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #00B4FF;
		line-height: 36rpx;
	}

	.address {
		width: 90%;
		margin: 20rpx auto;
		padding-bottom: 20rpx;
		height: 42rpx;
		overflow: hidden; //超出的文本隐藏
		text-overflow: ellipsis; //溢出用省略号显示
		white-space: nowrap; //溢出不换行
		border-bottom: 2rpx solid #EBEBEB;

		.dingwei {
			margin: 5rpx 10rpx 0 0;
			width: 26rpx;
			height: 28rpx;
			float: left;
		}

		.text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			line-height: 42rpx;
		}
	}

	.jcbottom {
		width: 90%;
		margin: 20rpx auto;

		.neirong {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			line-height: 40rpx;

		}
	}

	.jcbottomprice {
		width: 90%;
		margin: 20rpx auto;

		.oldprice {

			.scoldprice {
				font-size: 24rpx;
				text-decoration: line-through;
				color: #999999;
			}
		}

	}

	.youhui {
		float: left;

		.youhuiimg {
			width: 134rpx;
			height: 48rpx;
			background: #FFF2F1;
			border-radius: 12rpx;
		}
	}

	.dinggou {
		float: left;
		margin: 0 0 0 20rpx;
		width: 140rpx;
		text-align: center;
		height: 48rpx;
		background: linear-gradient(-23deg, #FFAF3C, #FFC36D);
		border-radius: 12rpx;

		.yuding {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 48rpx;

		}
	}

	/* 基础信息css E-- */
	/* 景区信息css S-- */
	.title {
		width: 90%;
		margin: 20rpx auto;
		overflow: hidden; //超出的文本隐藏
		text-overflow: ellipsis; //溢出用省略号显示

		/* white-space: nowrap; */
		//溢出不换行
		.jqtit {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 38rpx;
		}
	}

	.jqimg {
		width: 90%;
		margin: 20rpx 20rpx auto;
		padding-bottom: 20rpx;
		height: 340rpx;
	}

	/* 景区信息css E-- */
	/* 门票信息css S-- */
	.menpiao {
		width: 90%;
		margin: 20rpx auto;
		background: #FAFAFA;
		border-radius: 20rpx;

		.menpiao-bdbm {
			border-bottom: 2rpx solid #EBEBEB;

			&:last-child {
				border: 0;
			}
		}

		.piaoname {
			padding: 20rpx 0 20rpx 20rpx;
			height: 30rpx;
			width: 93%;

			.mpleft {
				float: left;
				font-size: 30rpx;
				font-weight: 500;
				color: #333333;
				line-height: 30rpx;
			}

			.mprightzf {
				font-size: 24rpx;
				color: #FF4A37;
				line-height: 30rpx;
				font-weight: bold;
				padding-right: 5rpx;
			}

			.mpright {
				float: right;
				font-size: 36rpx;
				color: #FF4A37;
				line-height: 30rpx;
				font-weight: bold;
			}
		}

		.mpym {
			padding: 0 0 20rpx 20rpx;
			height: 30rpx;
			width: 93%;

			.ymleft {
				float: left;
				margin-top: 5rpx;

				.ymleftnum {
					color: #999999;
					font-size: 26rpx;
					line-height: 40rpx;
				}

				.ymlefttit {
					font-size: 26rpx;
					color: #FFAF3C;
					line-height: 40rpx;
				}
			}

			.ymright {
				float: right;
				width: 140rpx;
				height: 48rpx;
				background: linear-gradient(-23deg, #FFAF3C, #FFC36D);
				border-radius: 12rpx;
				text-align: center;

				.ymrighttit {
					font-size: 26rpx;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 48rpx;

				}
			}
		}

		.mptit {
			width: 93%;
			padding: 20rpx 0 20rpx 20rpx;
			height: 30rpx;
			overflow: hidden; //超出的文本隐藏
			text-overflow: ellipsis; //溢出用省略号显示
			white-space: nowrap; //超出不换行
			color: #666666;
			font-size: 26rpx;
		}

	}

	/* 门票信息css E-- */
	/* 游玩攻略css S-- */
	.yw {
		width: 93%;
		height: 160rpx;
		margin: 0 auto;
		padding: 20rpx 0 20rpx 0rpx;
		display: flex;
		justify-content: space-between;

		.ywleft {
			width: 220rpx;
			height: 160rpx;
			border-radius: 8rpx;
		}

		.ywright {
			width: 450rpx;
			height: 160rpx;

			.ywtx {
				width: 100%;
				height: 60rpx;
				margin: 0 0 20rpx 0;

				.ywperson {
					width: 56rpx;
					height: 56rpx;
					float: left;
					margin: 0 20rpx 0 0;
				}

				.ywname {
					font-size: 24rpx;
					font-weight: 500;
					color: #333333;
				}

				.ywtittime {
					font-size: 22rpx;
					font-weight: 500;
					color: #999999;

				}
			}
		}

		.ywtit {
			font-size: 28rpx;
			font-weight: 500;
			color: #333333;
			width: 100%;
			margin-bottom: 10rpx;
		}

		.ywbiaoqian {
			width: 500rpx;
			height: 28rpx;

			.biaoqiantit {
				width: 350rpx;
				font-size: 24rpx;
				font-weight: 500;
				color: #00B4FF;
				float: left;
			}

			.ywsee {
				width: 120rpx;
				font-size: 24rpx;
				line-height: 28rpx;
				font-weight: 500;
				color: #999999;
				float: right;

				.ywseeimg {
					width: 28rpx;
					height: 24rpx;
					float: left;
					margin-top: 5rpx;
					margin-right: 10rpx;
				}
			}
		}
	}

	/* 游玩攻略css E-- */
	/* 用户评价css S-- */
	.evaluate-box {
		.imgs {
			width: 146rpx;
			height: 130rpx;
		}
	}

	/* 用户评价css E-- */
	/* 游玩,门票,景区的宽高及顶部css S-- */
	.message {
		width: 750rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(152, 152, 152, 0.2);
		margin-bottom: 20rpx;
	}

	.messagetop {
		padding-top: 20rpx;
		width: 750rpx;
	}

	.common_tit-wrap {
		box-sizing: border-box;
		padding-top: 20rpx;
		padding: 20rpx 0 20rpx 0;
	}

	/* 游玩,门票,景区的宽高及顶部css E-- */
	/*轮播S--*/
	.img_swiper_box {
		width: 100%;
		height: 562rpx;
		position: relative;

		.dot {
			position: absolute;
			left: 50%;
			bottom: 40rpx;
			transform: translateX(-50%);
		}
	}

	/*轮播E--*/
</style>
